/**
 * Ant Design Pro v4 use `@ant-design/pro-layout` to handle Layout.
 * You can view component api by:
 * https://github.com/ant-design/ant-design-pro-layout
 */
import { Row, Col, Space } from 'antd';
import { FormattedMessage } from 'umi';
import './style/footer.css';
function Footer() {
  const defaultFooterDom = (
    <Row className="bottom-bar footerSty">
      <Col lg={24} sm={24} style={{ textAlign: 'center' }}>
        <span style={{ marginRight: 12 }}>
          <FormattedMessage id="footer.last.ct1" defaultMessage="增值电信业务经营许可证：" />
          <a href="http://white.anva.org.cn" target="_blank" rel="nofollow noreferrer">
            <FormattedMessage id="footer.last.ct2" defaultMessage="苏B2-20140317 B2-20161814" />
          </a>
        </span>
        <span style={{ marginRight: 12 }}>
          <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow noreferrer">
            <FormattedMessage id="footer.last.ct3" defaultMessage="苏ICP备12016580号-1" />
          </a>
          <Space />
          <img src={'/footer/gaba.png'} alt={''} />
          <Space />
          <a
            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32059002001949"
            target="_blank"
            rel="nofollow noreferrer"
          >
            <FormattedMessage id="footer.last.ct4" defaultMessage="苏公网安备：32059002001949号" />
          </a>
        </span>
      </Col>
      <Col lg={24} sm={24} style={{ textAlign: 'center' }}>
        <span style={{ marginRight: 12 }}>
          <FormattedMessage
            id="footer.last.ct5"
            defaultMessage="Powered by PayEgis 法律声明 Copyright ©2011-2021 通付盾. All Rights Reserved."
          />
        </span>
      </Col>
    </Row>
  );

  return <>{defaultFooterDom}</>;
}

export default Footer;
